@import '@/uni_modules/uni-scss/variables.scss';
/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 颜色变量 */
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color: #121317; //基本色
$uni-text-color-inverse: #fff; //反色
$uni-text-color-grey: #858688; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable: #c0c0c0;

/* 背景颜色 */
$uni-bg-color: #ffffff;
$uni-bg-color-grey: #f8f8f8;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$uni-border-color: #c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm: 12px;
$uni-font-size-base: 14px;
$uni-font-size-lg: 16px;

/* 图片尺寸 */
$uni-img-size-sm: 20px;
$uni-img-size-base: 26px;
$uni-img-size-lg: 40px;

/* Border Radius */
$uni-border-radius-sm: 2px;
$uni-border-radius-base: 3px;
$uni-border-radius-lg: 6px;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px;

/* 垂直间距 */
$uni-spacing-col-sm: 4px;
$uni-spacing-col-base: 8px;
$uni-spacing-col-lg: 12px;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 26px;
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 15px;


// 项目中用到的scss变量
// 报考数据 院校性质
$bic-color-public: #007aff;
$bic-color-civilian: #d35a21;
$bic-color-independent: #858688;
$bic-color-occupation: #6467F0;

$bic-bg-public: rgba(0, 122, 255, 0.1);
$bic-bg-civilian: rgba(211, 90, 33, 0.1);
$bic-bg-independent: rgba(133, 134, 136, 0.1);
$bic-bg-occupation: #F0F0FE;

// #ifndef APP-PLUS-NVUE
// 区分不同主题
[data-theme='pink'] {
	background-color: #ffffff;
	color: $uni-color-error;
}

[data-theme='blue'] {
	background-color: #ffffff;
	color: $uni-color-primary;
}

[data-theme='green'] {
	background-color: #ffffff;
	color: $uni-color-success;
}
// #endif

/* 项目中颜色规范，样式规范,颜色及尺寸 */

// 主色
$main-bg-light: var(--bg-light-color, #007aff);
$main-bg-medium: var(--bg-medium-color, #0052d9);
$main-bg-deep: var(--bg-deep-color, #0034b5);

// 辅色
$auxiliary-bg-A: var(--auxiliary-bg-A, #d35a21);
$auxiliary-bg-B: var(--auxiliary-bg-B, #078d5c);
$auxiliary-bg-C: var(--auxiliary-bg-C, #e34d59);

// 文字\图标颜色
$font-color-main-A: var(--font-color-main-A, #121317);
$font-color-main-B: var(--font-color-main-B, #ffffff);
$font-color-auxiliary: var(--font-color-auxiliary, #374049);
$font-color-light: var(--font-color-light, #858688);
$font-color-light-independent: var(--font-color-light, #858688);

// 文字尺寸
$font-size-A: 72rpx;
$font-size-B: 40rpx;
$font-size-C: 32rpx;
$font-size-D: 28rpx;
$font-size-E: 24rpx;
$font-size-F: 30rpx;

// 行高
$font-size-A-line-height: calc(#{$font-size-A} + 16rpx);
$font-size-B-line-height: calc(#{$font-size-B} + 16rpx);
$font-size-C-line-height: calc(#{$font-size-C} + 16rpx);
$font-size-D-line-height: calc(#{$font-size-D} + 16rpx);
$font-size-E-line-height: calc(#{$font-size-E} + 16rpx);

// 按钮规范

// 颜色
$primary-btn-bg: linear-gradient(90deg, $main-bg-light 0%, $main-bg-medium 100%);
$catch-btn-bg: linear-gradient(90deg, #f33d49 0%, #ee3b2f 100%, #f82f1f 100%);
$default-btn-bg: #f8f8f8;
$empty-btn-bg: #ffffff;

$empty-btn-color: #4C5175;

// 尺寸
$paddingRow: calc(100vw * (30 / 750));
$paddingCol: calc(100vw * (40 / 750));
$paddingRow-xs: calc(100vw * (22 / 750));
$paddingCol-xs: calc(100vw * (36 / 750));

$btn-xl-height: calc(100vw * (107 / 750));
$btn-xl-width: calc(#{$btn-xl-height} * 6);
$btn-l-height: calc(100vw * (107 / 750));
$btn-l-width: calc(#{$btn-l-height} * 5);
$btn-m-height: calc(100vw * (107 / 750));
$btn-m-width: calc(#{$btn-m-height} * 4);
$btn-s-height: calc(100vw * (107 / 750));
$btn-s-width: calc(#{$btn-s-height} * 3 );
$btn-xs-height: calc(100vw * (72 / 750));
$btn-xs-width: calc(#{$btn-xs-height} * 2 + #{$paddingRow});

// 内边距
$btn-padding: $paddingCol $paddingRow;
$btn-padding-xs: $paddingCol-xs $paddingRow-xs;


// 按钮文字尺寸
$btn-font-size: $font-size-C;
$btn-font-size-xs: $font-size-E;

// 圆角
$btn-r: 20rpx;
$btn-xs: 20rpx;

// 边框颜色
$border-color: #e9e9e9;

// 按钮颜色
$btn-bg-color-main: #374049;
$btn-bg-color-blue: #0052D9;
$btn-bg-color-blue2: #EBF2FF;
$btn-bg-color-default: #F8F8F8;
$btn-bg-color-catch:  linear-gradient(270deg, #EF3C32 0%, #F33E49 100%);
$btn-bg-color-limit:  linear-gradient(90deg, #FBA836 0%, #F48948 100%);

$btn-bg-color-main-transparent: rgba(55, 64, 73, .5);
$btn-bg-color-blue-transparent: rgba(0, 82, 217, .5);

// 按钮文字颜色
$btn-text-color1: #FFFFFF;
$btn-text-color2: #121317;
$btn-text-color3: #0052D9;

// 按钮圆角
$btn-r-new: 20rpx;

// 按钮高度
$btn-height: calc(100vw * (112 / 750));

/* #ifndef APP-NVUE */
// 隐藏滚动条
/deep/ ::-webkit-scrollbar {
	//滚动条整体样式
	display: block;
	width: 0px !important;
	height: 0px !important;
	-webkit-appearance: auto !important;
	background: transparent;
	overflow: auto !important;
	display: none !important;
}
/* #endif */
